//__dirname是node.js中的一个全局变量，它指向当前执行脚本所在的目录
var webpack = require('webpack'); //引入Webpack模块供我们调用，这里只能使用ES5语法，使用ES6语法会报错
var path = require('path');
const {resolve} = require('path');

module.exports = { //注意这里是exports不是export
    entry:  path.resolve(__dirname,"./app/main.jsx"), //唯一入口文件，就像Java中的main方法
    output: { //输出目录
        path: path.resolve(__dirname,"./build"), //打包后的js文件存放的地方
        filename: "[name].js" //打包后的js文件名
    },
    module: {
        //loaders加载器
        loaders: [{
            test: /\.(js|jsx)$/, //一个匹配loaders所处理的文件的拓展名的正则表达式，这里用来匹配js和jsx文件（必须）
            exclude: /node_modules/, //屏蔽不需要处理的文件（文件夹）（可选）
            loader: 'babel-loader' //loader的名称（必须）
        }]
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin() //热模块替换插件
    ],
    devServer: {
        historyApiFallback: true,
        inline: true,
        //port: 8080,
    }

};